// style.less
.stepContainer {
  display: inline-flex;
  padding-right: 32px;

  > div {
    position: relative;
    padding: 0 8px 0 16px;
    height: 32px;
    background-color: rgb(220, 226, 235);

    &::after {
      content: '';
      position: absolute;
      right: 0;
      top: 0;
      height: 32px;
      width: 32px;
      transform: translateX(16px) rotate(45deg) scale(0.74);
      z-index: 1;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      background-color: inherit;
    }

    :global {
      .content {
        min-width: 72px;
        height: 100%;
        line-height: 32px;
        text-align: center;
      }
    }
  }

  :global {
    .pastedStatus {
      background-color: rgb(105, 192, 255);
      color: #fff;
    }

    .currentStatus {
      background-color: rgb(24, 144, 255);
      color: #fff;

      > .content {
        cursor: pointer;
      }
    }
  }
}
